.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix{
    zoom:1;
    clear: both;
}
.hello{
    width:100%;
    height: 1rem;
    background: #fff;
}
.index-headlogo{
    width:1.8rem;
    height:1rem;
    background-size: 1.8rem 1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 0.3rem;
    margin-left: 0.3rem;
}
.index-headlogofont1{
    display: block;
    font-size: 0.2rem;
    color: #dccc8d;
    line-height: 1;
    margin-top: 0.16rem;
    margin-bottom: 0.1rem;

}
.index-headlogofont2{
    display: block;
    color: #d6d6d6;
    line-height: 1;
}
.swiper-container{
    height:3.56rem;
    margin:0 auto;
    position: relative;
    overflow: hidden;
    z-index:1;
}
.inner-banner a{
    display:block;
    height:100%;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}
.swiper-container .swiper-pagination-bullet{
    background:url(../images/index/logo1.png) no-repeat center;
    width:0.17rem;
    height:0.17rem;
    background-size: cover;
}
.top{
    height:0.86rem;
    background-color: #f3fbfd;
    padding:0 0.28rem;
    line-height:0.86rem;
    display: block;
}
.title{
    font-size: 0.32rem;
    color: #666;

}
.more{
    background:url(../images/index/logo3.png) no-repeat right center;
    background-size:0.13rem 0.23rem;
    padding-right:0.2rem;
    display: block;
    font-size: 0.32rem;
    color:#666666;
}
.products{
    width:7.5rem;

}
.probox{
    display: block;
    width:2.5rem;
    background: #fff;
    border-right: 0.01rem solid #e8e8e8;
    border-bottom: 0.01rem solid #e8e8e8;
    padding-bottom: 0.18rem;
    float: left;
    box-sizing: border-box;
}
.mainbox .products .proming{
    width:2.5rem;
    height:2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.wenzibox{
    width: 2.5rem;

}
.name{
    font-size: 0.3rem;
    color:#3d3d45;
    text-align: center;
    display: block;

}
.price{
    display: block;
    color: #cebd70;
   font-size: 0.3rem;
    text-align: center;
    line-height:1;
    font-weight: bold;

}


.float-left{
    margin-top: -63.5px;
    position: fixed;
    left:-1.75rem;
    top:50%;
    z-index: 100;
    transition: all 1s ease;
}

.sidebar{
    background: #fff;
    width:1.7rem;
    padding-top: 0.4rem;
    border:0.01rem solid #cfcfcf;
}
.cake{
  padding-top: 0.35rem;
}
.logo {
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    display: block;
    width: 0.84rem;
    height:0.9rem;
    margin-top: 0.14rem;
}
.cakewz{
    font-size: 0.3rem;
    color: #3d3d45;
    text-align: center;
    display: block;
    margin:0 auto;
    line-height: 1;
    width:0.94rem;
    padding-bottom: 0.48rem;
    border-bottom: 0.02rem solid #ddd;
}
.toleft{
    background: url(../images/index/logo8.png) no-repeat left center;
    background-size: 0.45rem;
    width:1.5rem;
    height:3rem;
    position: absolute;
    right:-1.5rem;
    top:50%;
    margin-top: -1.5rem;

}
.fix-right{
    position: fixed;
    right: 0;
    top:50%;
    z-index: 100;
    margin-top: -2rem;
}
.fix-right span{
    display: block;
    width: 0.82rem;
    height: 1.05rem;
    margin-bottom: 0.03rem;
    background-color: #d6c88a;
}
.fix-right span:nth-of-type(1){
    display: none;
    background: url("../images/index/logo9.png") no-repeat center;
    background-size: cover;
}
.fix-right span:nth-of-type(2){
    background: url("../images/index/logo10.png") no-repeat center;
    background-size: cover;
}
.fix-right span:nth-of-type(3) i{
    display: block;
    width: 0.82rem;
    height: 1.05rem;
    background: url("../images/index/logoqq.png") no-repeat center;
    background-size: 0.72rem 0.72rem;
}